import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
import MusicMenuPage from '../pages/MusicMenuPage.vue'
import MusicManagePage from '../pages/MusicManagePage.vue'
import SongListFilter from '../pages/SongListFilter.vue'
import MusicTag from '../pages/MusicTag.vue'
import MusicQuery from '../pages/MusicQuery.vue'
import VirtualPlay from '../pages/VirtualPlay.vue'
import Map from '../pages/Map.vue'
import MapMenu from '../pages/MapMenu.vue'
import MapCollection from '../pages/MapCollection.vue'
import LoginPage from '../pages/LoginPage.vue'
import UserManage from '../pages/UserManage.vue'
import Personal from '../pages/Personal.vue'
import CurrentLoginDev from '../pages/CurrentLoginDev.vue'

const routes = [
  { path: '/', component: MusicMenuPage },
  { path: '/music', component: MusicMenuPage },
  { path: '/back', component: MusicManagePage },
  { path: '/songListFilter', component: SongListFilter },
  { path: '/musicTag', component: MusicTag },
  { path: '/musicQuery', component: MusicQuery },
  { path: '/virtualPlay', component: VirtualPlay },
  { path: '/map', name: 'Map', component: Map },
  { path: '/mapMenu', name: 'MapMenu', component: MapMenu },
  { path: '/mapCollection', name: 'MapCollection', component: MapCollection },
  { path: '/login', name: 'Login', component: LoginPage },
  { path: '/userManage', name: 'UserManage', component: UserManage },
  { path: '/personal', name: 'Personal', component: Personal },
  { path: '/currentLoginDev', name: 'CurrentLoginDev', component: CurrentLoginDev }
]

const router = createRouter({
  // history: createWebHashHistory(),
  history: createWebHistory(),
  routes
})

export default router
